<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录注册|爱采购</title>
    <link rel="stylesheet" href="./dist/css/index.css">
    <link rel="stylesheet" href="./css/alert.css">
    <style>

    </style>
</head>

<body>
    <section>
        <figure><img src="./images/baidu.png" alt=""></figure>
        <div>
            <p>用科技</p>
            <p>让复杂的世界更简单</p>
        </div>
        <aside>
            <div class="register">
                <h3>欢迎注册</h3>
                <p>已有帐号？<a href="./login.html">登录</a></p>
                <ul>
                    <li>
                        <h3>用户名</h3><input type="text" name="" id="login_id" placeholder="请设置用户名">
                        <span id="login_id_prompt">*必须由字母,数字,中划线,下划线组成,长度必须在四到二十位之间</span>
                    </li>
                    <li>
                        <h3>密码</h3><input type="password" name="" id="password" placeholder="请设置密码">
                        <span id="login_pw_prompt">*长度必须在八到二十位之间</span>
                    </li>
                </ul>
                <div><button id="submit">注册</button></div>
            </div>
            <a href="./index.html">回到主页</a>
        </aside>
    </section>
    <!-- 弹窗 -->
    <div class="alert-mask"></div>
    <div class="alert-window" id="center">
        <div class="border_add_nav">
            <div> </div>
            <div class="border_add_nav_box flex-container">
                <span class="add_title">爱采购</span>
                <span class="close_btn">×</span>
            </div>
        </div>
        <div class="border_add_main_content">
            <div class="border_add_main_content_box">
                <p class="alert-content">123456</p>
                <!-- <span class="name">名称：</span>
                <input class="input" type="text"> -->
            </div>
        </div>
        <div class="border_add_btn_box">
            <div class="pull-right" style="float:right;">
                <div class="alert-cancel">取消</div>
                <div class="alert-save">确定</div>
            </div>
        </div>
    </div>
</body>
<script src="./libs/jquery.js"></script>
<script src="./js/jquery.register.js"></script>
<script src="./js/alertCustom.js"></script>

</html>